<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="index.css" type="text/css"/>
</head>
<body>
<div class="main">
    <div class="change_page">
        <!--选择对应的页面大小-->
        <lable for="page" class="lable_page">页面大小</lable>
        <select name="page" id="page" class="page">
            <!--value值对应页面的大小-->
            <option value="1">1k</option>
            <option value="2">2k</option>
            <option value="4">4k</option>
            <option value="4">8k</option>
            <option value="16">16k</option>
        </select>
        <br>
        <!--内存块数-->
        <lable for="page_length" class="lable_page_length">内存块数</lable>
        <span id="min">0</span><!--最小值-->
        <input class="page_length" id="page_length" type="range" min="0" max="32" />
        <b>最大值</b><span id="max">32</span><!--最大值-->

        <!--算法选择-->
        <select id="program_kind">
            <option value="1">OPT算法</option>
            <option value="2">FIFO算法</option>
            <option value="3">LRU算法</option>
        </select>

        <br>
        <!--运行按钮-->
        <input type="submit" value="运行" class="submit"/>
    </div>


    <div class="result_block">
        <p>当前内存块数<span id="cur_page_length"></span></p>
        <div class="result">
            <p>当前算法为：<span id="result_program_kind"></span></p>
            <p>中断次数为:<span id="interrupt"></span></p>
            <p>页面大小:<span id="result_page_count"></span></p>
            <p>缺页中断率:<span id="interrupt_rate"></span></p>
        </div>
    </div>
</div>
</body>
<script src="script/require.js" data-main="script/main"></script>
</html>